.moonsetting .picker-item {
  height: 54px;
  line-height: 54px;
  color: #A2BCCB;
}
.moonsetting .picker-item.picker-selected {
  color: #fff;
}
.moonsetting .picker-center-highlight {
  height: 54px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -27px;
  pointer-events: none;
}
.moonsetting .picker-center-highlight:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, transparent), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(100%, transparent));
  background: linear-gradient(to right, transparent 0, rgba(255, 255, 255, 0.5) 50%, transparent 100%);
}
.moonsetting .picker-center-highlight:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, transparent), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(100%, transparent));
  background: linear-gradient(to right, transparent 0, rgba(255, 255, 255, 0.5) 50%, transparent 100%);
  -webkit-transform-origin: 0;
  transform-origin: 0;
}
.moonsetting .picker-items-col.picker-items-col-divider {
  color: #fff;
  font-size: 14px;
}
.moonsetting .layout-dark .picker-selected {
  color: #fff;
}
@media (max-width: 767px) {
  .moonsetting .picker-items {
    font-size: 21px;
  }
  .moonsetting .picker-item {
    height: 54px;
    line-height: 54px;
    padding: 0 6px;
  }
}